<template>
	<view class="container">
		<!-- 搜索 -->
		<search-header />
		<!-- 轮播 -->
		<index-swiper />
		<!-- 功能区域 -->
		<function-area />
		<!-- 活动区域 -->
		<commodity />
		<!-- 推荐商品区域 -->
		<product-list />
		<!-- 底部tab栏 -->
		<tab-bar :queryIndex="'1'" />
	</view>
</template>

<script>
	import searchHeader from './components/searchHeader.vue'
	import indexSwiper from './components/indexSwiper.vue'
	import functionArea from './components/functionArea.vue'
	import commodity from './components/commodity.vue'
	import productList from './components/productList.vue'
	import tabBar from '../../components/tabBar.vue'
	export default {
		data() {
			return {}
		},
		components: {
			indexSwiper,
			searchHeader,
			functionArea,
			commodity,
			productList,
			tabBar
		},
		onLoad() {},
		methods: {}
	}
</script>

<style lang="less" scoped>
	.container{
		width: 100%;
		padding-top: 88rpx;
		padding-bottom: 98rpx;
		box-sizing: border-box;
	}
</style>